<template>
    <view class="pages fitment-pages">
        <u-cell-group>
            <u-cell icon="integral-fill" title="财务报表" :isLink="true" url="/pages/landlord/index/report" clickable></u-cell>
        </u-cell-group>

        <view class="surface">
            <view class="_data">
                <text>0.00</text>
                应收房租(元)
            </view>
            <view class="_data">
                <text>0.00</text>
                已收房租(元)
            </view>
        </view>
        <view class="surface">
            <view class="_data">
                <text>0.00</text>
                应支房租(元)
            </view>
            <view class="_data">
                <text>0.00</text>
                已支房租(元)
            </view>
        </view>
        <view class="classification">
            <view class="Imges" @click="distribution">
                <image class="imgnoe" src="/static/icon/dp.png" mode=""></image>
                租房分销
            </view>

            <view class="Imges" @click="manage">
                <image class="imgnoe" src="/static/icon/dp.png" mode=""></image>
                分销管理
            </view>

            <view class="Imges"  @click="trusteeship">
                <image class="imgnoe" src="/static/icon/dp.png" mode=""></image>
                托管房源
            </view>
            <view class="Imges" @click="highquality">
                <image class="imgnoe" src="/static/icon/dp.png" mode=""></image>
                优质客户
            </view>
        </view>

        <landlord-bottom-navigation-bar></landlord-bottom-navigation-bar>
    </view>
</template>

<script>
    import landlordBottomNavigationBar from "../../../components/landlord-bottom-navigation-bar";
    export default {
        name: "index",
        components:{
            landlordBottomNavigationBar
        },
        methods:{
            distribution(){
                uni.navigateTo({url: '/pages/landlord/index/subsell'});
            },
            trusteeship(){
                uni.navigateTo({url: '/pages/landlord/index/trusteeship'});
            },
            highquality(){
                uni.navigateTo({url: '/pages/landlord/index/quality'});
            },
            manage(){
                uni.navigateTo({url: '/pages/landlord/index/manage'});
            }
        }
    }
</script>

<style lang="scss" scoped>
    .pages {
        width: 100%;
        min-height: 100vh;
        background-color: RGBA(245, 245, 245, 1);
    }

    .classification{
        width: 100%;
        height: 120rpx;
        background-color: white;
        margin-top: 30rpx;
        padding-top: 30rpx;
        .Imges{
            width: 160rpx;
            height: 160rpx;
            // background-color: pink;
            margin-right: 20rpx;
            text-align: center;
            font-size: 12px;
            display: inline-block;
            .imgnoe{
                width: 60rpx;
                height: 60rpx;
                display: block;
                margin: 0 auto;
            }
        }
    }
    .surface{
        width: 100%;
        height: 120rpx;
        margin-top: 20rpx;
        padding-top: 30rpx;
        background-color: #fff;
        ._data{
            width: 200rpx;
            height: 150rpx;
            // background-color: green;
            display: inline-block;
            margin-right: 20rpx;
            font-size: 12px;
            text-align: center;
            text{
                font-size: 20px;
                display: block;
                color: #1296db;
            }
        }
    }
    /deep/.u-cell-group{
        background-color: #ffffff;
    }
</style>